<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<title>Getting Started: Serving Web Content</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<style type="text/css">
			.card {
				background: #fffff;
				box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
				margin: 10px;
				position: relative;
				border-radius: 2px;
				font-size: 14px;
			}
		</style>
	</head>

	<body style="background-attachment: scroll;background-image: url(img/bg.png);height: 100vh;">
		<div id="" style="width: 100vw;height:70vh;font-size: 0px;" class="am-vertical-align">
			<div class="am-vertical-align-middle" style=" height: 100px;width: 100%;">
				<div class="card" style="padding: 32px;width: 400px;margin: auto;padding-top: 60px;">
					<table style="font-weight: bold;margin: auto;">
						<tr style="padding: 5px;">
							<td>
								账号&nbsp;
							</td>
							<td>
								<input id="account" type="text" class="form-control" style="width: 200px;" />
							</td>
						</tr>
						<tr>
							<td>
								密码&nbsp;
							</td>
							<td>
								<input id="password" type="password" class="form-control" style="width: 200px;" />
							</td>
						</tr>
						<tr>
							<td>

							</td>
							<td style="text-align: right;">
								<div class="checkbox">
									<label><input  type="checkbox" id="remeber" value="option1"/>记住密码</label>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<button id="loginbtn" class="btn btn-primary ladda-button" data-style="zoom-out" style="width: 100%;" onclick="login()"><span class="ladda-label">登录</span></button>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div id="serverDataPagename" th:text="${pagename}" style="display: none"></div>
		<script src="./js/base.js"></script>
	</body>

</html>